<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>011-否定伪类</title>
		<style>
			/* not 排除那些元素不选中 */

			/* 排除class类名为 .fail 的元素 */
			/* div > p:not(.fail) {
				color: red;
			} */

			/* 排除title属性值为 "你" 子开头的元素 */
			/* div > p:not([title^='你']) {
				color: red;
			} */

			/* 排除第一个p元素 */
			div > p:not(:first-child) {
				color: red;
			}
		</style>
	</head>
	<body>
		<div>
			<p>第一名</p>
			<p>第二名</p>
			<p>第三名</p>
			<p class="fail" title="你要加油啊！老六">第四名</p>
			<p class="fail" title="你要加油啊！老七">第五名</p>
		</div>
	</body>
</html>
